<template>
	<!-- 图文详情 -->
	<view class="graphic">
		<view class="graphic-header">
			图文详情
		</view>
		<view class="imglist">
			<image src="https://img.quanminyanxuan.com/other/0bc57300dc90486caaf36c9263f4030b.jpg" mode="widthFix"></image>
			<image src="https://img.quanminyanxuan.com/excel/743888873f584a81a0711c7e3db5bae8.jpg" mode="widthFix"></image>
			<image src="https://img.quanminyanxuan.com/excel/caaf7fc616a94ba9a2d2f422e1c0be91.jpg" mode="widthFix"></image>
			<image src="https://img.quanminyanxuan.com/excel/4d33c66815f54c078dc9d392bc891fd3.jpg" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"graphic",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.graphic{
		background-color: #fff;
		// margin-bottom: 77px;
		.graphic-header{
			height: 80rpx;
			line-height: 80rpx;
			font-weight: bold;
			font-size: 35rpx;
			padding: 20rpx;
			position: relative;
			display: flex;
			align-items: center;
			padding-left: 50rpx;
			&:before{
				content: "";
				width: 7rpx;
				height: 50%;
				position: absolute;
				left: 20rpx;
				background-color: $theme-color;
				border-radius: 5rpx;
			}
		}
	}
</style>